
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <!-- Author -->
    <meta name="author" content="Themes Industry">
    <!-- description -->
    <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
    <!-- keywords -->
    <meta name="keywords" content="film, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
    <!-- Page Title -->
    <title>Film & Movies | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link href="" rel="icon">
    <!-- Bundle -->
    <link href="static/css/bundle.min.css" rel="stylesheet">
    <!-- Plugin Css -->
    <link href="static/css/line-awesome.min.css" rel="stylesheet">
    <link href="static/css/revolution-settings.min.css" rel="stylesheet">
    <link href="static/css/jquery.fancybox.min.css" rel="stylesheet">
    <link href="static/css/owl.carousel.min.css" rel="stylesheet">
    <link href="static/css/cubeportfolio.min.css" rel="stylesheet">
    <link href="static/css/slick.css" rel="stylesheet">
    <link href="static/css/slick-theme.css" rel="stylesheet">
    <!-- Style Sheet -->
    <link href="static/css/navigation.css" rel="stylesheet">
    <link href="static/css/style1.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="90">

<!-- Preloader -->
<div class="preloader">
    <div class="centrize full-width">
        <div class="vertical-center">
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
    </div>
</div>
<!-- Preloader End -->

<!--Header Start-->
<header id="home">

    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
        <div class="row no-gutters w-100">
            <div class="col-3 pl-3">
            <a href="#home" title="Logo" class="logo scroll">
                <!--Logo Default-->
                <img src="static/picture/logo.png" alt="logo" class="logo-dark">
            </a>
            </div>

            <!--Nav Links-->
            <div class="col-6">
            <div class="collapse navbar-collapse" id="megaone">
                <div class="navbar-nav ml-auto mr-auto">
                    <a class="nav-link active scroll" href="#home">Home</a>
                    <a class="nav-link scroll" href="#about">Story</a>
                    <a class="nav-link scroll" href="#our-cast">Our Cast</a>
                    <a class="nav-link scroll" href="#portfolio-sec">Movie Work</a>
                    <a class="nav-link scroll" href="#our-blog">Blogs</a>
                    <a class="nav-link scroll" href="#contact">Contact</a>
                </div>
            </div>
            </div>
            <!--Side Menu Button-->
            <div class="col-3 pr-3">
            <a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
                <span></span>
                <span></span>
                <span></span>
            </a>
            </div>

        </div>
    </nav>

    <!--Side Nav-->
    <div class="side-menu hidden">
        <div class="inner-wrapper">
            <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
            <nav class="side-nav w-100">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#home">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#about">Story</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#our-cast">Cast</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#portfolio-sec">Movie Work</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#our-blog">Blog</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#contact">Contact</a>
                    </li>
                </ul>
            </nav>

            <div class="side-footer text-white w-100">
                <ul class="social-icons-simple">
                    <li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                    <li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                    <li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                </ul>
                <p class="text-white">&copy; 2020 MegaOne. Made With Love by Themesindustry</p>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
    <!-- End side menu -->

</header>
<!--Header End-->

<!--Home Start-->
<div id="rev-slider" class="rev-slider">

    <!-- START REVOLUTION SLIDER -->
    <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="slider-shop" data-source="gallery" style="background:rgba(255,255,255,0);padding:0px;">
        <div id="rev_slider_1_5" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
            <ul>
                <!-- SLIDE  -->
                <li data-index="rs-3" data-transition="fadethroughdark" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="2000" data-thumb="assets/100x50_44515-slider-bg-3.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide 3" data-param1="01" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="static/picture/slider-img1.jpg" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="10" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" alt="slider-image" data-no-retina="">
                    <div class="slider-overlay"></div>
                    <!-- LAYERS -->

                    <!-- LAYER NR. 11 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-2" id="slide-3-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-80','-80','-80','-80']" data-fontsize="['18','16','16','16']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 500; color: #eaeaef;font-family: 'Roboto', sans-serif;">Film - Series in Brooklyn, New York </div>

                    <!-- LAYER NR. 12 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-3" id="slide-3-layer-2" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['100','100','80','60']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 6; white-space: nowrap; font-size: 100px; line-height: 16px; font-weight: 700; color: #ffffff; letter-spacing: 0;font-family: 'Oswald', sans-serif;-webkit-text-stroke: 1px rgb(255, 255, 255);">DREAM SCALPES.</div>

                    <!-- LAYER NR. 13 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-2" id="slide-3-layer-3" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['100','100','100','100']" data-fontsize="['20','20','18','18']" data-width="800" data-height="none" data-whitespace="normal" data-type="text" data-responsive_offset="on" data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textalign="['center','center','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7; white-space: nowrap; font-size: 18px; line-height: 30px;letter-spacing:1px;text-align: center; font-weight: 300; color: #eaeaef; font-family: 'Roboto', sans-serif;">Lorem ipsum dolor sit amet, conse ctetur adipiscing nu elit sed do eiusmod tem, conse ctetur adipiscing nu elit sed do eiusmod tem..</div>

                    <div class="tp-caption rev-btn  rs-parallaxlevel-2" id="slide-3-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['190','190','190','190']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-responsive="off" data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 11; max-width:960px; white-space: nowrap; font-size: 14px; line-height: 22px;letter-spacing: 3px; font-weight: 500; color: #ffffff; font-family:'Roboto',sans-serif;"><a class="btn yellow-and-white-slider-btn" data-fancybox="" href="javascript:;">Watch Trailer</a>
                    </div>

                </li>

            </ul>
            <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div></div>
    </div>
    <!-- END REVOLUTION SLIDER -->

</div>
<!--Home End-->

<!--About Star-->
<section id="about">
    <div class="container">
        <div class="row dot-box">

            <!-- Heading Area-->
            <div class="col-12 col-lg-6 about-img-area text-center text-lg-left">
                    <div class="heading-area pl-lg-4 p-0">
                        <h6 class="sub-title main-color">Basic Info About Shop</h6>
                        <h2 class="title">ABOUT US STORY</h2>
                        <p class="paragraph">There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form, by injected humour or randomised words.</p>
                            <!--List-->
                            <a class="btn yellow-and-white-slider-btn" href="#">READ MORE</a>
                    </div>
            </div>
            <div class="col-12 col-lg-6 about-img-area">
                <div class="about-img">
                    <img src="static/picture/img2.jpg">
                </div>
            </div>
        </div>
    </div>
</section>
<!--About End-->

<!--Project End-->
<section class="production-sec">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-8 offset-md-2 text-center">
                <div class="about-heading heading-details">
                    <h4 class="heading">OUR PRODUCTION</h4>
                    <p class="top-des"></p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 col-md-6 col-lg-3 text-center">
                <div class="production-box">
                    <i class="las la-tv"></i>
                    <h4 class="production-heading">TV Shows.</h4>
                    <p class="production-des">Lorem ipsum dolor sit amet, conse ctetur adipiscing nu elit sed do eiusmod tem.</p>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3 text-center">
                <div class="production-box">
                    <i class="las la-trophy"></i>
                    <h4 class="production-heading">Awards.</h4>
                    <p class="production-des">Lorem ipsum dolor sit amet, conse ctetur adipiscing nu elit sed do eiusmod tem.</p>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3 text-center">
                <div class="production-box">
                    <i class="las la-film"></i>
                    <h4 class="production-heading">Movies.</h4>
                    <p class="production-des">Lorem ipsum dolor sit amet, conse ctetur adipiscing nu elit sed do eiusmod tem.</p>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3 text-center">
                <div class="production-box">
                    <i class="las la-camera-retro"></i>
                    <h4 class="production-heading">Festivals.</h4>
                    <p class="production-des">Lorem ipsum dolor sit amet, conse ctetur adipiscing nu elit sed do eiusmod tem.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Project End-->

<!--video sec start-->
<section id="video-sec" class="video-sec bg-video-img">
    <div class="overlay d-flex justify-content-center align-items-center">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <div class="video-btn">
                        <a data-fancybox="" href="javascript:;"><i class="las la-play play-btn text-brown"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Video sec end-->

<!--our cast sec start-->
<section class="our-cast" id="our-cast">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-8 offset-md-2 text-center">
                <div class="about-heading heading-details">
                    <h4 class="heading">OUR CAST</h4>
                    <p class="top-des"></p>
                </div>
            </div>
        </div>
        <div class="row no-gutters testimonial-cast owl-carousel owl-theme">
            <div class="item">
                <div class="row no-gutters cast-card">
                    <div class="col-12">
                        <div class="cast-img">
                            <img src="static/picture/cast11.jpg">
                        </div>
                        <div class="cast-detail d-flex align-items-center">
                            <div class="cast-content">
                            <h4 class="cast-name">Lopez Joshe</h4>
                            <span class="cast-designation">Dribble Actor</span>
                            <p class="cast-des">Lorem ipsum dolor sit amet conset sed tem  sit amet, conset sed tem.</p>
                            <ul class="cast-social">
                                <li><a href="#"><i class="lab la-facebook-f"></i></a></li>
                                <li><a href="#"><i class="lab la-twitter"></i></a></li>
                                <li><a href="#"><i class="lab la-dribbble"></i></a></li>
                                <li><a href="#"><i class="lab la-instagram"></i></a></li>
                            </ul>
                            </div>
                            <div class="overlay-cast"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="row no-gutters cast-card">
                    <div class="col-12">
                        <div class="cast-detail d-flex align-items-center">
                            <div class="cast-content">
                                <h4 class="cast-name">Lopez Joshe</h4>
                                <span class="cast-designation">Dribble Actor</span>
                                <p class="cast-des">Lorem ipsum dolor sit amet conset sed tem  sit amet, conset sed tem.</p>
                                <ul class="cast-social">
                                    <li><a href="#"><i class="lab la-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="lab la-twitter"></i></a></li>
                                    <li><a href="#"><i class="lab la-dribbble"></i></a></li>
                                    <li><a href="#"><i class="lab la-instagram"></i></a></li>
                                </ul>
                            </div>
                            <div class="overlay-cast"></div>
                        </div>
                        <div class="cast-img">
                            <img src="static/picture/cast21.jpg">
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="row no-gutters cast-card">
                    <div class="col-12">
                        <div class="cast-img">
                            <img src="static/picture/cast31.jpg">
                        </div>
                        <div class="cast-detail d-flex align-items-center">
                            <div class="cast-content">
                                <h4 class="cast-name">Lopez Joshe</h4>
                                <span class="cast-designation">Dribble Actor</span>
                                <p class="cast-des">Lorem ipsum dolor sit amet conset sed tem  sit amet, conset sed tem.</p>
                                <ul class="cast-social">
                                    <li><a href="#"><i class="lab la-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="lab la-twitter"></i></a></li>
                                    <li><a href="#"><i class="lab la-dribbble"></i></a></li>
                                    <li><a href="#"><i class="lab la-instagram"></i></a></li>
                                </ul>
                            </div>
                            <div class="overlay-cast"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="row no-gutters cast-card">
                    <div class="col-12">
                        <div class="cast-detail d-flex align-items-center">
                            <div class="cast-content">
                                <h4 class="cast-name">Lopez Joshe</h4>
                                <span class="cast-designation">Dribble Actor</span>
                                <p class="cast-des">Lorem ipsum dolor sit amet conset sed tem  sit amet, conset sed tem.</p>
                                <ul class="cast-social">
                                    <li><a href="#"><i class="lab la-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="lab la-twitter"></i></a></li>
                                    <li><a href="#"><i class="lab la-dribbble"></i></a></li>
                                    <li><a href="#"><i class="lab la-instagram"></i></a></li>
                                </ul>
                            </div>
                            <div class="overlay-cast"></div>
                        </div>
                        <div class="cast-img">
                            <img src="static/picture/cast41.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--our cast sec start-->

<!--portfolio sec start-->
<!--portfolio section start-->
<div id="portfolio-sec" class="portfolio-sec">
    <div class="container">
        <div class="row upper-sec">
            <div class="col-12 text-center portfolio-heading">
                <div class="about-heading heading-details">
                    <h4 class="heading">MOVIE GALLERY</h4>
                </div>
            </div>
            <div class="col-12 filers">
                <div id="js-filters-full-width" class="cbp-l-filters-alignCenter">
                    <div data-filter="*" class="cbp-filter-item-active cbp-filter-item rounded-pill">
                        All<div class="cbp-filter-counter"></div>
                    </div>
                    <div data-filter=".branding" class="cbp-filter-item rounded-pill">
                        Concerts<div class="cbp-filter-counter"></div>
                    </div>
                    <div data-filter=".web-design" class="cbp-filter-item rounded-pill">
                        Festivals<div class="cbp-filter-counter"></div>
                    </div>
                    <div data-filter=".photo" class="cbp-filter-item rounded-pill">
                        Sufi<div class="cbp-filter-counter"></div>
                    </div>
                    <div data-filter=".movies" class="cbp-filter-item rounded-pill">
                        Movies<div class="cbp-filter-counter"></div>
                    </div>
                </div>
            </div>
        </div>
        <div id="js-grid-masonry" class="cbp">
            <div class="cbp-item branding">
                <a href="static/picture/p-11.png" class="cbp-caption cbp-lightbox" data-title="Easy Note<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="static/picture/p-11.png" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Gala Event</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item web-design">
                <a href="static/picture/p-21.png" class="cbp-caption cbp-lightbox" data-title="The Gang Blue<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="static/picture/p-21.png" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">The Gang Blue</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item photo branding movies">
                <a href="static/picture/p-31.png" class="cbp-caption cbp-lightbox" data-title="Tiger<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="static/picture/p-31.png" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Tiger</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item web-design photo">
                <a href="static/picture/p-4.png" class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="static/picture/p-4.png" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Flat Roman</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item branding movies">
                <a href="static/picture/p-51.png" class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="static/picture/p-51.png" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Flat Roman</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item web-design branding">
                <a href="static/picture/p-6.png" class="cbp-caption cbp-lightbox" data-title="Sickpuppy<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="static/picture/p-6.png" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Sickpuppy</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item movies photo">
                <a href="static/picture/p-7.png" class="cbp-caption cbp-lightbox" data-title="Sickpuppy<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="static/picture/p-7.png" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Sickpuppy</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<!--portfolio section end-->
<!--portfolio sec end-->

<!--latest-items start-->
<section class="latest-items">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-8 offset-md-2 text-center">
                <div class="about-heading heading-details">
                    <h4 class="heading">LATEST VIDEOS</h4>
                </div>
            </div>
        </div>
        <div class="list-item-slider owl-carousel owl-theme">
            <div class="item">
                <a data-fancybox="" href="javascript:;">
                <div class="product">
                    <div class="product-img">
                        <img src="static/picture/l1.jpg">
                        <div class="overlay-item d-flex justify-content-center align-items-center">
                            <i class="las la-play"></i>
                        </div>
                    </div>
                    <div class="product-detail">
                        <p class="text-des">Lorem ipsum dolor sit amet, conset sed tem.</p>
                        <h4 class="heading">Run Away From Light.</h4>
                        <a href="#" class="watch-product"><i class="las la-arrow-right"></i></a>
                    </div>
                </div>
                </a>
            </div>
            <div class="item">
                <a data-fancybox="" href="javascript:;">
                <div class="product">
                    <div class="product-img">
                        <img src="static/picture/l2.jpg">
                        <div class="overlay-item d-flex justify-content-center align-items-center">
                            <a data-fancybox="" href="javascript:;"><i class="las la-play"></i></a>
                        </div>
                    </div>
                    <div class="product-detail">
                        <p class="text-des">Lorem ipsum dolor sit amet, conset sed tem.</p>
                        <h4 class="heading">Run Away From Light.</h4>
                        <a href="#" class="watch-product"><i class="las la-arrow-right"></i></a>
                    </div>
                </div>
                </a>
            </div>
            <div class="item">
                <a data-fancybox="" href="javascript:;">
                <div class="product">
                    <div class="product-img">
                        <img src="static/picture/l3.jpg">
                        <div class="overlay-item d-flex justify-content-center align-items-center">
                            <a data-fancybox="" href="javascript:;"><i class="las la-play"></i></a>
                        </div>
                    </div>
                    <div class="product-detail">
                        <p class="text-des">Lorem ipsum dolor sit amet, conset sed tem.</p>
                        <h4 class="heading">Run Away From Light.</h4>
                        <a href="#" class="watch-product"><i class="las la-arrow-right"></i></a>
                    </div>
                </div>
                </a>
            </div>
            <div class="item">
                <a data-fancybox="" href="javascript:;">
                <div class="product">
                    <div class="product-img">
                        <img src="static/picture/l4.jpg">
                        <div class="overlay-item d-flex justify-content-center align-items-center">
                            <a data-fancybox="" href="javascript:;"><i class="las la-play"></i></a>
                        </div>
                    </div>
                    <div class="product-detail">
                        <p class="text-des">Lorem ipsum dolor sit amet, conset sed tem.</p>
                        <h4 class="heading">Run Away From Light.</h4>
                        <a href="#" class="watch-product"><i class="las la-arrow-right"></i></a>
                    </div>
                </div>
                </a>
            </div>
        </div>
    </div>
</section>
<!--latest items end-->

<!--Reviews sec start-->
<section class="single-items center-block testimonial-sec parallax" id="reviews" style="background: url(static/image/test1.jpg)">
    <div class="bg-overlay bg-black opacity-6"></div>
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-8 offset-lg-2 text-center test-box">
                <div class="review-box">
                <div class="row no-gutters slick-test">
                    <div class="reviews item">
                        <div class="review-body">
                            <p class="user-comment">Click edit button to change this text. Lorem dolor sit amet, sit consectetur  elit. amet, for  adipiscing elit. amet, consect adipiscing elit.</p>
                            <p class="comment-date">19-dec-2020</p>
                            <ul class="review-stars">
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                            </ul>
                        </div>
                        <div class="user-img"><img src="static/picture/review.jpg" class="rounded-circle" alt="img"></div>
                        <h4 class="user-name">Mickal Devid</h4>
                        <p class="user-designation">- Web Designer -</p>
                    </div>
                    <div class="reviews item">
                        <div class="review-body">
                            <p class="user-comment">Edit button to change this text. Lorem dolor sit amet, sit consectetur  elit. amet, for  adipiscing elit. amet, consect adipiscing elit.</p>
                            <p class="comment-date">19-dec-2020</p>
                            <ul class="review-stars">
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                            </ul>
                        </div>
                        <div class="user-img"><img src="static/picture/rev.jpg" class="rounded-circle" alt="img"></div>
                        <h4 class="user-name">Mickal Devid</h4>
                        <p class="user-designation">- Web Designer -</p>
                    </div>
                    <div class="reviews item">
                        <div class="review-body">
                            <p class="user-comment">Edit with button to change this text. Lorem dolor sit amet, sit consectetur  elit. amet, for  adipiscing elit. amet, consect adipiscing elit.</p>
                            <p class="comment-date">19-dec-2020</p>
                            <ul class="review-stars">
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                            </ul>
                        </div>
                        <div class="user-img"><img src="static/picture/rev1.jpg" class="rounded-circle" alt="img"></div>
                        <h4 class="user-name">Mickal Devid</h4>
                        <p class="user-designation">- Web Designer -</p>
                    </div>
                </div>
                <a class="navigate-btn prev-review-btn"><span class="fly-line"></span>Prev <i class="las la-arrow-right"></i> </a>
                <a class="navigate-btn next-review-btn"><span class="fly-line"></span>Next <i class="las la-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Review  sec end-->
<!--Brands sec start-->
<div class="brand-sec" id="brand-sec">
    <div class="container">
        <div class="row no-gutters">
            <div class="col-12">
                <div class="sponser-tags owl-carousel owl-theme">
                    <div class="item brand-img d-flex justify-content-center">
                        <img src="static/picture/brand1.png" alt="brand1">
                    </div>
                    <div class="item brand-img d-flex justify-content-center">
                        <img src="static/picture/brand1.png" alt="brand2">
                    </div>
                    <div class="item brand-img d-flex justify-content-center">
                        <img src="static/picture/brand1.png" alt="brand3">
                    </div>
                    <div class="item brand-img d-flex justify-content-center">
                        <img src="static/picture/brand1.png" alt="brand4">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Brands sec end-->

<!--blogs sec start-->
<!--Blog-->
<section class="bglight padding" id="our-blog">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                    <div class="about-heading heading-details">
                        <h4 class="heading">LATEST BLOG</h4>
                    </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-6">
                <div class="news_item shadow wow fadeInUp" data-wow-delay="200ms">
                    <div class="blog-img">
                        <a class="image" href="#">
                            <img src="static/picture/blog1.jpg" alt="Latest News" class="img-responsive">
                        </a>
                    </div>
                    <div class="news_desc">
                        <h3 class="font-normal darkcolor"><a href="javascript:;">Next Large Social Network</a></h3>
                        <ul class="meta-tags top20 bottom20">
                            <li><a href="#"><i class="fas fa-calendar-alt"></i>Jan 14</a></li>
                            <li><a href="#"> <i class="far fa-user"></i>Peter</a></li>
                            <li><a href="#"><i class="far fa-comment-dots"></i>7</a></li>
                        </ul>
                        <p>Lorem Ipsum is simply dummy text of the printing industry. Lorem has been dummy text ever since the 1500s...</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="news_item shadow wow fadeInUp" data-wow-delay="300ms">
                    <div class="blog-multi-img">
                        <div class="owl-carousel owl-theme owl-blog-item">
                            <div class="item">
                                <img src="static/picture/blog5.jpg" alt="image">
                            </div>
                            <div class="item">
                                <img src="static/picture/blog3.jpg" alt="image">
                            </div>
                            <div class="item">
                                <img src="static/picture/blog2.jpg" alt="image">
                            </div>
                            <div class="item">
                                <img src="static/picture/blog4.jpg" alt="image">
                            </div>
                        </div>
                    </div>
                    <div class="news_desc">
                        <h3 class="text-capitalize font-normal darkcolor"><a href="javascript:;">The Art of Finding Great Ideas</a></h3>
                        <ul class="meta-tags top20 bottom20">
                            <li><a href="#."><i class="fas fa-calendar-alt"></i>Feb 19</a></li>
                            <li><a href="#."> <i class="far fa-user"></i>John</a></li>
                            <li><a href="#."><i class="far fa-comment-dots"></i>9</a></li>
                        </ul>
                        <p>Lorem Ipsum is simply dummy text of the printing industry. Lorem has been dummy text ever since the 1500s...</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="news_item shadow wow fadeInUp" data-wow-delay="400ms">
                    <div class="blog-img">
                        <a data-fancybox="" href="javascript:;">
                            <div class="play-hvr">
                                <div class="play-icon">
                                    <i class="fas fa-play"></i>
                                </div>
                            </div>
                        </a>
                        <div class="image">
                            <img src="static/picture/blog3.jpg" alt="Latest News" class="img-responsive">
                        </div>
                    </div>
                    <div class="news_desc">
                        <h3 class="text-capitalize font-normal darkcolor"><a href="javascript:;">3 Tips for Creating Your Own Blog</a></h3>
                        <ul class="meta-tags top20 bottom20">
                            <li><a href="#."><i class="fas fa-calendar-alt"></i>May 21</a></li>
                            <li><a href="#."> <i class="far fa-user"></i>David</a></li>
                            <li><a href="#."><i class="far fa-comment-dots"></i>4</a></li>
                        </ul>
                        <p>Lorem Ipsum is simply dummy text of the printing industry. Lorem has been dummy text ever since the 1500s...</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Blog ends-->

<!--Contact Start-->
<section id="contact" class="contact-sec">
    <div class="container">
        <!--Heading-->
        <div class="row">
            <div class="col-12 col-md-8 offset-md-2 text-center">
                <div class="about-heading heading-details">
                    <h4 class="heading">LET'S GET IN TOUCH</h4>
                </div>
            </div>
        </div>

        <!--contact us-->

            <div class="row">
                <div class="col-12 col-lg-6 contact-details text-center text-lg-left">
                    <div class="location-details">
                        <h4 class="contact-heading">MegaOne <strong>Office</strong></h4>
                        <p class="contact-address">123 Stree New York City , United States Of America.</p>
                        <ul class="contact-list">
                            <li><span>Office Telephone :</span> 001 01085379709</li>
                            <li><span>Mobile :</span> 001 63165370895</li>
                            <li><span>Email :</span> admin@website.com</li>
                            <li><span>Inquiries :</span> email@website.com</li>
                            <li><span>Mon-Fri:</span> 9am to 6pm</li>
                        </ul>
                        <ul class="slider-social contact-s-media">
                            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-facebook-f"></i> </a> </li>
                            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-twitter"></i> </a> </li>
                            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-google-plus-g"></i> </a> </li>
                            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-linkedin-in"></i> </a> </li>
                            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-instagram"></i> </a> </li>
                        </ul>
                    </div>
                </div>

                <div class="col-12 col-lg-6 contact-form-box">
                    <form class="contact-form" id="contact-form-data">
                    <div class="row">
                        <div class="col-sm-12" id="result"></div>
                        <div class="col-6">
                            <div class="form-group">
                                <input class="form-control" type="text" placeholder="First Name:" required="" id="first_name" name="firstName">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <input class="form-control" type="text" placeholder="Last Name:" required="" id="last_name" name="lastName">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <input class="form-control" type="email" placeholder="Email:" required="" id="email" name="userEmail">
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <input class="form-control" type="tel" placeholder="Phone:" id="phone" name="userPhone">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <textarea class="form-control" placeholder="Message" id="message" name="userMessage"></textarea>
                            </div>
                        </div>
                        <div class="col-12">
                            <button type="button" class="btn btn-large yellow-and-white-slider-btn mt-4 contact_btn" id="submit_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i> <b>Contact Now</b></button>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
    </div>
</section>
<!--Contact End-->
<!--map sec-->
<div class="map-sec" id="map-sec">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="google-map" id="google-map"></div>
            </div>
        </div>
    </div>
</div>
<!--map sec-->
<!--Footer Start-->
<footer class="footer-style-1 bg-light">
    <div class="container">
        <div class="row align-items-center">
            <!--Social-->
            <div class="col-lg-6">
                <div class="footer-social text-center text-lg-left ">
                    <ul class="list-unstyled">
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-pinterest-p"></i></a></li>
                    </ul>
                </div>
            </div>
            <!--Text-->
            <div class="col-lg-6 text-center text-lg-right">
                <p class="company-about fadeIn">Copyright &copy; 2022.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                </p>
            </div>
        </div>
    </div>
</footer>
<!--Footer End-->

<!--Scroll Top Start-->
<span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->

<!-- JavaScript -->
<script src="static/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="static/js/jquery.appear.js"></script>
<script src="static/js/jquery.fancybox.min.js"></script>
<script src="static/js/owl.carousel.min.js"></script>
<script src="static/js/parallaxie.min.js"></script>
<script src="static/js/wow.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="static/js/jquery.themepunch.tools.min.js"></script>
<script src="static/js/jquery.themepunch.revolution.min.js"></script>
<script src="static/js/jquery.cubeportfolio.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="static/js/revolution.extension.actions.min.js"></script>
<script src="static/js/revolution.extension.carousel.min.js"></script>
<script src="static/js/revolution.extension.kenburn.min.js"></script>
<script src="static/js/revolution.extension.layeranimation.min.js"></script>
<script src="static/js/revolution.extension.migration.min.js"></script>
<script src="static/js/revolution.extension.migration.min.js"></script>
<script src="static/js/revolution.extension.parallax.min.js"></script>
<script src="static/js/revolution.extension.slideanims.min.js"></script>
<script src="static/js/revolution.extension.video.min.js"></script>
<!-- google map
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script> -->
<script src="static/js/map1.js"></script>
<!--Tilt Js-->
<script src="static/js/tilt.jquery.min.js"></script>
<script src="static/js/slick.js"></script>
<script src="static/js/slick.min.js"></script>
<!-- custom script-->
<script src="static/js/contact_us.js"></script>
<script src="static/js/script1.js"></script>

</body>
</html>